<template>
	
	<div class="card">
		<YRCardTitle :title="title"></YRCardTitle>
		<div class="content">
			<YRList :list="list" :textAlign="textAlign"></YRList>
		</div>
	</div>
</template>

<script>
import YRList from '@/components/common/YRList.vue';	
import YRCardTitle from '@/components/common/YRCardTitle.vue';
export default {
  name: 'YRCard',
  components: {
    YRList,YRCardTitle
  },
  props: {
	title: String,
	textAlign:String,
	list:{
		type: Array,
		// default: function () { return [] }
		default: () => []
	}
  }
}
</script>

<style lang="stylus" scoped="scoped">
.card
	height 100%
	background: #fff
	border-radius: 10px
	overflow: auto
	box-shadow 0 0 0 1px rgba(0,0,0,.02), 0 4px 10px rgba(0,0,0,.06)
	.content
		width 100%
</style>
